<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>购物车</title>
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/index.css" rel="stylesheet">
		<link href="css/cart.css" rel="stylesheet">
		<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/cartValidate.js"></script>
	</head>
	<body>
		<!--头部-->
		<nav class="navbar navbar-default navbar-static-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
						aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#"><span class="glyphicon glyphicon-blackboard"></span> 在线数码商城</a>
				</div>
				<div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
					<ul class="nav navbar-nav">
						<li class="active"><a href="#">首页</a></li>
						<li><a href="#">关于</a></li>
						<li><a href="#">联系我们</a></li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li role="presentation"><a href="#"><span class="glyphicon glyphicon-shopping-cart"
									aria-hidden="true"></span>&nbsp;购物车&nbsp;<span class="badge">2</span></a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
								aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-user"
									aria-hidden="true"></span>&nbsp;admin<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">我的账号</a></li>
								<li><a href="#">我的订单</a></li>
								<li><a href="#">账号余额</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="#">退出</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<!--中间 -->
				<div class="container">
					<div class="container">
						<div class="alert alert-success tip-success" id="computerNumber">您的购物车中共有 <b>2 </b>件商品</div>
						<table class="table table-striped">
							<tr>
								<td class="col-md-6">商品名</td>
								<td class="col-md-2 text-center">数量</td>
								<td class="col-md-2 text-center">价格</td>
								<td class="col-md-2 text-center">操作</td>
							</tr>
							<tr>
								<td class="col-md-6 ">
									<img alt="1"
										src="img/5a54725aNc2bfede3.jpg"
										/ style="width:180px;height:180px;">
									Lenovo/联想 &nbsp; 拯救者R720
								</td>
								<td class="col-md-2 cartItem text-center" style="height:100px;line-height: 200px;">
									<input class="cartItemNum" step="1" type="text" size="1" name="1" value="1"
										style="width:50px;height:30px;" />
								</td>
								<td class="col-md-2 text-center">￥ <b>6399</b></td>
								<td class="col-md-2 text-center">
									<a class="btn btn-danger delete" href="#}">删除</a>
								</td>
							</tr>
						</table>
						<div id="totalMoney" style="font-weight:bold;">总金额：￥ 6399</span>
						</div>
					</div>
					<div class="container">
						<div class="row">
							<div class="col-xs-6 col-md-8"></div>
							<div class="col-xs-12 col-md-4 text-right" style="padding-left:30px;">
								<a href="computerServlet?method=getComputers&pageNo=${param.pageNo}"
									class="btn btn-default" role="button">继续购物</a>
								<a href="computerServlet?method=clear" class="btn btn-danger" role="button">清空购物车</a>
								<a href="computerServlet?method=forwardPage&page=cash" class="btn btn-primary"
									role="button">结账</a>
							</div>
						</div>
					</div>
				</div>
				<!--底部-->
				<hr>
				<footer class="footer">
					<div class="container">
						<div id="back-to-top" href="#">
							<span class="glyphicon glyphicon-triangle-top"></span>&nbsp;回到顶部
						</div>
						<p class="text-muted">&copy; 2022 CS Company, Inc.
						</p>
					</div>
				</footer>
			</div>
		</nav>
	</body>
</html>
